//1.0引入Vue的核心包
import Vue from "vue"; //表示从nodemols中导入vue的包，并命名为Vue（不用选择路径）

//2.0引入根组件
import App from "./app.vue";//要用相对路径

//3.0引入路由的包
import VueRouter from "vue-router";
//3.1 必须将包绑定到Vue上
Vue.use(VueRouter); //这里不可省略

//4.0引入对应的路由组件
import home from "./components/home.vue";
import news from "./components/news/news.vue"; //这里的news和home是随意取的
import newslist from "./components/news/newslist.vue";//新闻详情页
import phoList from "./components/photos/photolist.vue";//图片分享列表页
import photoIfo from "./components/photos/photoifo.vue"; //图片详情提交页
import shopList from "./components/shop/shoplist.vue";//商品购买列表页
import shopIfo from "./components/shop/shopifo.vue"; //商品详情页
import shoptxtpic from "./components/shop/shoptxtpic.vue"; //单个商品图文介绍页
import shoptalk from "./components/shop/shopTalk.vue"; //商品评论页
import shopbys from "./components/shop/shopbys.vue";//商品购买信息(数量页)

//5.0准备路由
var rot = new VueRouter({
    linkActiveClass: "mui-active",
    routes:[
        {path:"/",redirect:"/Home"}, //设置默认指向
        {path:"/Home",component:home}, // 首页，上边是什么，这里就是什么，要一致
        {path:"/news/newsIfo",component:news}, //新闻页
        {path:"/news/newsList/:item",component:newslist},//新闻详情页
        {path:"/photo/photoList",component:phoList},//图片列表页
        {path:"/photo/photoinfo/:val",component:photoIfo},//图片详情提交页 //通过路由传送到详情页
        {path:"/shop/shoplist",component:shopList},//商品列表页
        {path:"/shop/shopifo/:pic",component:shopIfo}, //商品详情页，这里的pic最终会传到详情页的$router.params中
        {path:"/shop/shoptextpic/:val",component:shoptxtpic}, //单个商品图文详情页
        {path:"/shop/shoptalk/:tlk",component:shoptalk}, //商品评论页
        {path:"/shop/shopBys/:bys",component:shopbys}//商品购买详情页，(商品数量)
    ]
});

//注册mint-ui
//6.1导入mint-ui的css文件
import 'mint-ui/lib/style.min.css'; //这里是从nodemoduls中注册。
//6.2导入mint-ui组件对象
import mintui from "mint-ui";
//6.3在Vue中全局使用mintui
Vue.use(mintui);

//7.0 注册mui的css样式
import '../statics/mui/css/mui.css'; //这里是在本地文件夹中使用，所以写相对路径。

// 8.0 导入一个当前系统的全局基本样式
import '../statics/css/main.css';

//9.0导入vue-resource到Vue对象中
import VueResource from "vue-resource";
Vue.use(VueResource);//绑定到Vue对象中

//10.0导入moment.js到Vue对象中
import moment from "moment";
//10.1自定义全局过滤器，处理时间格式
Vue.filter("datefmate",function(input,fmstring){
    return moment(input).format(fmstring);
});

//11.0引入图片预览插件
import picprew from "vue-picture-preview";
Vue.use(picprew); //在Vue中绑定

//12.0实例化Vue对象，进行页面渲染
new Vue({
    el:"#app",
    router: rot,
    render: c=>c(App)// 这里是es6中的箭头函数，等同于(function(c){return App})();
})
